<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="../css/myStyle.css" />
<link type="text/css" rel="stylesheet" href="../css/demo.css" />
<link rel="stylesheet" type="text/css" href="../css/style2.css" />
<script src="../js/bootstrap.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/jquery-1.7.2.min.js"></script>  
    
    <div id="fdw">
      <nav>
      <ul>
        <li><img src="../Picture/LOGO.png" style="height: 80px;"></img></li>
        <li class="current"><a href="../jsp/Index.jsp">TRANG CHỦ</a></li>
        <li><a href="../jsp/Gallery.jsp">GIỚI THIỆU</a></li>
        <li><a href="../jsp/Technique.jsp">KỸ THUẬT<span class="arrow"></span></a>
          <ul style="display: none;" class="sub_menu">
            <li class="arrow_top"></li>
            <li><a href="#">Kỹ thuật nuôi bồ câu</a></li>
            <li><a href="#">Đặc điểm chim bồ câu</a></li>
            <li><a href="#">Cách phòng trị bệnh</a></li>
            <li><a href="#">Hướng dẫn chăm sóc</a></li>
            <li><a href="#">Mô hình-kinh nghiệm</a></li>
            <li><a href="#">Các món ăn từ bồ câu</a></li>
          </ul></li>

        <li><a href="../jsp/Question.jsp">HỎI-ĐÁP</a></li>
        <li><a href="../jsp/Product.jsp">SẢN PHẨM</a></li>
        <li><a href="../jsp/Contact.jsp">LIÊN HỆ</a></li>
        <li>
        </li>
      </ul>
      <script>  
<!--  // building select nav for mobile width only -->
$(function(){
    // building select menu
    $('<select />').appendTo('nav');

    // building an option for select menu
    $('<option />', {
        'selected': 'selected',
        'value' : '',
        'text': 'Choise Page...'
    }).appendTo('nav select');

    $('nav ul li a').each(function(){
        var target = $(this);

        $('<option />', {
            'value' : target.attr('href'),
            'text': target.text()
        }).appendTo('nav select');

    });

    // on clicking on link
    $('nav select').on('change',function(){
        window.location = $(this).find('option:selected').val();
    });
});

// show and hide sub menu
$(function(){
    $('nav ul li').hover(
        function () {
            //show its submenu
            $('ul', this).slideDown(150);
        }, 
        function () {
            //hide its submenu
            $('ul', this).slideUp(150);         
        }
    );
});
//end
</script>
    </div>